*{padding: 0;margin:0; border:0}
a{ text-decoration: none; color:#585858;}
li{ list-style: none}
input{
    display: block;
    border:none;
    background: none;
}
.clear{clear: both;}
.hide{display: none}
.w440{
    width: 440px;
}
.w270{
    width: 270px;
}
 html,body{
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
body{  width:100%;font-family: "Microsoft Yahei";font-size: 14px;color:#585858;}
#swiper1{
    width: 100%;
    height: 500px;
}
#swiper1 .swiper-button-next{
    width: 42px;
    height: 60px;
    position: absolute;
    background: url("../images/right.png") no-repeat top center;
	background-size:80%;
    right:20px;
}
#swiper1 .swiper-button-prev{
    width: 42px;
    height: 60px;
    position: absolute;
    background: url("../images/left.png") no-repeat top center;
	background-size:80%;
    left:20px;
}
#swiper1 .swiper-button-next:hover,#swiper1 .swiper-button-prev:hover{
	background-size:100%;
}
.product-demand{
    width: 1280px;
    height: 220px;
    margin: 0 auto;
    background: url("../images/bg.jpg") no-repeat top center;
    padding: 40px 0;
}
.product-demand .container{
    width: 780px;
    height: 140px;
    margin: 0 auto;
}
.product-demand .container .list{
    height: 60px;
    line-height: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.product-demand .container .list a{
    display: block;
    padding-right:10px;
    height: 60px;
    font-size: 12px;
}
.product-demand .container input[name=keyword]{
    display: block;
    width: 630px;
    height: 65px;
    display: block;
    background: url("../images/input-bg.png") no-repeat left center;
    float: left;
    outline: none;
    padding-left: 15px;
    line-height:80px;
    font-size: 18px;
    color:#484848;
}
.product-demand .container .subbtn{
    width: 135px;
    height: 57px;
    display: block;
    float: right;
    text-align: center;
    line-height: 58px;
    background-color: #1f5aa9;
    color:#ffffff;
    font-size: 18px;
    margin-top: 8px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.product{
    width: 1360px;
    height: auto;
    margin: 50px auto 50px auto;
}
.product .title {
    width: 535px;
    height: 80px;
    margin: 0 auto;
    text-align: center;
	padding-top:50px;
}
.product .title p{
    line-height: 40px;
    font-size: 24px;
    color:#424242;
}
.product .tabs{
    width: 1100px;
    height: 40px;
    margin: 50px auto 25px auto;
}
.product .tabs a{
    display: block;
    width:fit-content;
    width:-moz-fit-content;
    text-align: center;
    line-height: 40px;
    padding: 0 30px;
    background: url("../images/li-bg.jpg") no-repeat right center;
    float: left;
    font-size: 17px;
}
.product .tabs a:last-child{
    background: none;
}
.product .wrap{
    width: 1212px;
    height: 550px;
    padding: 0 74px;
    position: relative;
}
.product .wrap .swiper-button-next{
    width: 37px;
    height: 37px;
    background: url("../images/right.jpg") no-repeat left center;
    position: absolute;
    right:0;
}
.product .wrap .swiper-button-prev{
    width: 37px;
    height: 37px;
    background: url("../images/left.jpg") no-repeat left center;
    position: absolute;
    left:0;
}
#swiper2{
    width: 1212px;
    height: 650px;
}
#swiper2 .swiper-slide{
    width: 297px;
    height: 650px;
    margin: 0 3px;
}
#swiper2 .swiper-slide .thumb {
    width: 297px;
    height: 222px;
}
#swiper2 .swiper-slide .info {
    width: 227px;
    height: 257px;
    background: url("../images/bg01.jpg") no-repeat top center;
    padding: 40px 35px;
    color:#9c9c9c;
}
#swiper2 .swiper-slide .info h2{
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
}
#swiper2 .swiper-slide .info p{
    height: 170px;
    font-size: 12px;
    line-height: 20px;
	overflow:hidden;
}
#swiper2 .swiper-slide .info span{
    display: block;
    width: 75px;
    height: 1px;
    background-color: #8b8989;
}


#swiper21{
    width: 1212px;
    height: 650px;
}
#swiper21 .swiper-slide{
    width: 297px;
    height: 650px;
    margin: 0 3px;
}
#swiper21 .swiper-slide .thumb {
    width: 297px;
    height: 222px;
}
#swiper21 .swiper-slide .info {
    width: 227px;
    height: 257px;
    background: url("../images/bg01.jpg") no-repeat top center;
    padding: 40px 35px;
    color:#9c9c9c;
}
#swiper21 .swiper-slide .info h2{
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
}
#swiper21 .swiper-slide .info p{
    height: 170px;
    font-size: 12px;
    line-height: 20px;
	
	overflow:hidden;
}
#swiper21 .swiper-slide .info span{
    display: block;
    width: 75px;
    height: 1px;
    background-color: #8b8989;
}


#swiper22{
    width: 1212px;
    height: 650px;
}
#swiper22 .swiper-slide{
    width: 297px;
    height: 650px;
    margin: 0 3px;
}
#swiper22 .swiper-slide .thumb {
    width: 297px;
    height: 222px;
}
#swiper22 .swiper-slide .info {
    width: 227px;
    height: 257px;
    background: url("../images/bg01.jpg") no-repeat top center;
    padding: 40px 35px;
    color:#9c9c9c;
}
#swiper22 .swiper-slide .info h2{
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
}
#swiper22 .swiper-slide .info p{
    height: 170px;
    font-size: 12px;
    line-height: 20px;
	overflow:hidden;
}
#swiper22 .swiper-slide .info span{
    display: block;
    width: 75px;
    height: 1px;
    background-color: #8b8989;
}

.house{
    width: 1200px;
    height: auto;
    margin: 60px auto;
}
.house .title{
    width: 600px;
    height: 140px;
    margin: 0 auto;
}
.house .container{
    margin-top: 30px;
}
.house .container .tabs{
    width: 270px;
    height: auto;
    float: left;
}
.house .container .tabs a{
    display: block;
    width: 230px;
    height: 87px;
    background: #16386b url("../images/icon.png") no-repeat right 20px center;
    margin-bottom: 3px;
    padding-left: 40px;
    line-height: 87px;
    color:#FFFFFF;
    font-size: 21px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: right 1.2s;
}
.house .container .tabs a:hover{
    transform: translateX(10px);
}
.house .container .tabbox{
    width: 920px;
    height: auto;
    float: right;
}
.house .container .tabbox .top{
    border-top:1px solid #cdcfd2;
    padding-top: 30px;
    height: 210px;
    color:#525151;
}
.house .container .tabbox .top .thumb{
    width: 315px;
    height: 210px;
    float: left;
}
.house .container .tabbox .top .info{
    width: 435px;
    height: auto;
    float: right;
    padding-right: 60px;
}
.house .container .tabbox .top .info h2{
    font-size: 17px;
    font-weight: 500;
    line-height:35px;
    color:#525151;
}
.house .container .tabbox .top .info p{
    height:70px;
    padding: 25px 0;
    line-height: 25px;
}
.house .container .tabbox .top .info .zx{
    width: 435px;
    height: 55px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.house .container .tabbox .top .info .zx a{
    display: block;
    width: 200px;
    height:55px;
    line-height: 55px;
    text-align: center;
    color:#FFFFFF;
}
.house .container .tabbox .case{
    margin-top: 25px;
}
.house .container .tabbox .case .tit{
    line-height: 40px;
    border-bottom:1px solid #cdcfd2;
    padding-left: 10px;
}
.house .container .tabbox .case .list{
    padding-top: 20px;
}
.house .container .tabbox .case .list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.house .container .tabbox .case .list ul li{
    width: 300px;
    height: 210px;
}
.house .container .tabbox .case .list ul li .thumb{
    width: 256px;
    height: 178px;
}
.house .container .tabbox .case .list ul li p{
    text-align: center;
    line-height: 32px;
}
.app{
    width: 1200px;
    height: auto;
    margin: 60px auto;
}
.app .title{
    height: 100px;
    background: url("../images/tit-bg.jpg") no-repeat top center;
    text-align: center;
    color:#4a4646
}
.app .title p{
    line-height: 35px;
    font-size: 22px;
    color:#4a4646
}
.app .title h2{
    font-size: 29px;
    font-weight: 500;
    line-height: 50px;
}
.app .container{
    margin-top: 15px;
}
.app .container .tabs{
    width: 270px;
    height: auto;
    float: left;
}
.app .container .tabs a{
    display: block;
    width: 230px;
    height: 87px;
    background: #16386b url("../images/icon.png") no-repeat right 20px center;
    margin-bottom: 3px;
    padding-left: 40px;
    line-height: 87px;
    color:#FFFFFF;
    font-size: 21px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: right 1.2s;
}
.app .container .tabs a:hover{
    transform: translateX(5px);
}
.app .tabbox{
    width: 925px;
    height: auto;
    float: right;
}
.app .tabbox ul li{
    float: left;
}

.app .tabbox ul li{
    width: 300px;
    height: 220px;
    position: relative;
}
.app .tabbox ul li .thumb{
    overflow: hidden;
}
.app .tabbox ul li .thumb img{
    display: block;
    width: 300px;
    height: 220px;
    transition: all 1.2s;
}
.app .tabbox ul li .thumb img:hover{
    transform: scale(1.2);
}
.app .tabbox ul li p{
    width: 300px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color:#FFFFFF;
    position: absolute;
    left:0;
    bottom:0;
    font-size: 18px;
    background-color: #a0a0a0;
}
.app .tabbox ul li:first-child{
    position: relative;
    width: 615px;
    height: 445px;
    margin-right: 5px;
}
.app .tabbox ul li:first-child .thumb{
    width: 615px;
    height: 445px;
}
.app .tabbox ul li:first-child .thumb img{
    display: block;
    width: 615px;
    height: 445px;
}
.app .tabbox ul li:first-child p{
    width: 615px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color:#FFFFFF;
    background-color: #a0a0a0;
    position: absolute;
    left:0;
    bottom:0;
}
.app .tabbox ul li:last-child{
    margin-top: 5px;
}
.why{
    wdith:100%;
    height: auto;
    overflow: hidden;
    background-color: #58ade3;
    padding: 45px 0;
}
.why .container {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.why .title{
    text-align: center;
    height: 130px;
}
.why .title p{
    font-size: 22px;
    color:#16386b
}
.why .title h2{
    line-height: 70px;
    font-size: 41px;
    color:#303030;
    font-weight: 500;
}
.why .tabs{
    width: 870px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.why .tabs a{
    display: block;
    width: 205px;
    height: 45px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #959595;
    line-height: 45px;
    text-align: center;
    color:#FFFFFF;
    font-size: 22px;
}
.why .tabs a.on{
    background-color: #16386b;
}
.why .tabbox{
    width: 1200px;
    height: auto;
    margin-top: 70px;
}
.why .tab_box_content{
    width: 1050px;
    height: 480px;
    background:#ffffff url("../images/bg10.jpg") no-repeat left 120px bottom 105px;
    padding: 30px 0px 30px 150px;
}
.why .tab_box_biesu{
	position:relative;
}
.why .tab_box_biesu h3{
	color:#16386b;
	font-size:21px;
}
.why .tab_box_biesu p{
   font-size: 14px;
    line-height: 19px;
    margin-top: 10px;
	color:#fff;
	letter-spacing:1px ;
}
.why .tab_box_biesu .tab_box_content_left{
	position:absolute;
	left:24px;
	top:0;
	width:150px;
	text-align:right;
}
.why .tab_box_biesu .tab_box_content_left .box1{
    margin-top: 31px;
}
.why .tab_box_biesu .tab_box_content_left .box2{
    margin-top: 82px;
}
.why .tab_box_biesu .tab_box_content_left .box3{
    margin-top: 74px;
}
.why .tab_box_biesu .tab_box_content_right{
	position:absolute;
	right:42px;
	top:0;
	width:150px;
	text-align:left;
}
.why .tab_box_biesu .tab_box_content_right .box1{
    margin-top: 31px;
}
.why .tab_box_biesu .tab_box_content_right .box2{
    margin-top: 64px;
}
.why .tab_box_biesu .tab_box_content_right .box3{
    margin-top: 74px;
}
.why .tab_box_content_l{
    width: 550px;
    height: auto;
    float: left;
}
.why .tab_box_content_l .box{
    margin: 5px 0;
}
.why .tab_box_content_l .box h3{
    height: 45px;
    background: url("../images/icon_25.jpg") no-repeat left center;
    text-indent: 25px;
    line-height: 45px;
    font-size: 20px;
    color:#16386b;
}
.why .tab_box_content_l .box p{
    padding-left: 25px;
    line-height: 30px;
    font-size: 16px;
}
.why .tab_box ul{
    width: 1060px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.why .tab_box ul li{
    width: 455px;
    height: 190px;
}
.why .tab_box ul li h2{
    line-height: 50px;
    background: url("../images/icon_26.jpg") no-repeat left center;
    text-indent: 25px;
    font-size: 18px;
    color:#16386b;
}
.why .tab_box ul li p{
    padding-left: 25px;
    color:#ffffff;
    line-height: 25px;
}
.about{
    width: 100%;
    height: auto;
    background: url("../images/bg03.jpg") repeat-x bottom left;
    margin-top: 60px;
}
.about .container{
    width: 1140px;
    height: auto;
    margin: 0 auto;
    background: url("../images/about.png") no-repeat right bottom;
}
.about .content{
    width: 700px;
    height: auto;
    padding-bottom: 190px;
    position: relative;
	background: unset;
}
.about .content .title{
    width: 160px;
    height: 80px;
    margin: 0 auto;
}
.about .content .text p{
    margin-top: 25px;
    font-size: 14px;
    line-height: 25px;
}
.about .content .text img{
    display: block;
    width: 664px;
    height: 124px;
    margin: 25px auto;
}
.about .more{
    width: 180px;
    height: 50px;
    border:1px solid #FFFFFF;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left:85px;
    bottom:50px;
}
.about .more a{
    color:#FFFFFF;
}
.qyfc{
    width: 1400px;
    height: auto;
    margin: 45px auto;
}
.qyfc .title{
    width: 570px;
    height: 100px;
    margin: 0 auto;
}
.qyfc .wrap{
    width: 1220px;
    margin-top: 30px;
    position: relative;
    padding: 0 90px;
}
.qyfc .wrap .swiper-button-next{
    width: 37px;
    height: 37px;
    background: url("../images/right.jpg") no-repeat left center;
    position: absolute;
    right:0;
}
.qyfc .wrap .swiper-button-prev{
    width: 37px;
    height: 37px;
    background: url("../images/left.jpg") no-repeat left center;
    position: absolute;
    left:0;
}
#swiper3{
    width: 1220px;
    height: 245px;
}
#swiper3 .swiper-slide{
    width: 285px;
    height: 245px;
    margin: 0 10px;
}
#swiper3 .swiper-slide .thumb{
    width: 285px;
    height: 200px;
}
#swiper3 .swiper-slide p{
    width: 285px;
    height: 45px;
    background-color: #ededed;
    text-align: center;
    line-height: 45px;
}
.news{
    width: 1130px;
    height: auto;
    margin: 60px auto;
}
.news .title{
    width: 1130px;
    height: 65px;
    border-bottom:1px solid #f8f8f8;
}
.news .title h2{
    width: 505px;
    height: 65px;
    float: left;
    line-height: 65px;
    font-size: 26px;
    color:#262424;
}
.news .title h2 span{
    font-size: 18px;
    color:#858585;
    font-weight: 500;
    margin-left: 15px;
}
.news .title .tabs{
    width: 410px;
    height: 40px;
    float: left;
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.news .title .tabs a{
    display: block;
    width: 125px;
    height: 40px;
    border:1px solid #959595;
    text-align: center;
    line-height: 40px;
}
.news .title .tabs a.on{
    background-color: #16386b;
    color:#FFFFFF;
}
.news .tabbox{
    width: 1130px;
    height: auto;
    margin-top: 40px;
}
.news .tabbox .left{
    width: 470px;
    height: auto;
    float: left;
}
.news .tabbox .left .thumb{
    width: 470px;
    height: 285px;
}
.news .tabbox .left .info{
    width: 420px;
    height: 175px;
    background-color: #f4f4f4;
    padding: 0 25px;
}
.news .tabbox .left .info h2{
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    font-weight: 500;
    color:#383636;
}
.news .tabbox .left .info p{
    font-size: 12px;
    color:#9b9696;
    height: 75px;
    line-height: 20px;
}
.news .tabbox .left .info .timeclick{
    width: 210px;
    height: 35px;
    border:1px solid #cfcfcf;
    line-height: 35px;
    text-align: center;
}
.news .tabbox .left .info .timeclick span{
    display: block;
    height: 35px;
    float: left;
}
.news .tabbox .left .info .timeclick .time{
    width: 124px;
    border-right:1px solid #cfcfcf;
}
.news .tabbox .left .info .timeclick .click{
    width: 85px;
    text-align: center;
}
.news .tabbox .right{
    width: 630px;
    height: auto;
    float: right;
}
.news .tabbox .right ul li{
    width: 630px;
    height: 100px;
    background-color: #f4f4f4;
    margin-bottom: 20px;
    cursor: pointer;
}
.news .tabbox .right ul li .time{
    width: 105px;
    height: 100px;
    float: left;
    text-align: center;
    background: url("../images/li-bg03.jpg") no-repeat right top 25px;
}
.news .tabbox .right ul li .time h2{
    font-size: 35px;
    line-height: 65px;
    font-weight: 500;
}
.news .tabbox .right ul li .time p{
    font-size: 12px;
}
.news .tabbox .right ul li .info{
    width: 440px;
    float: right;
    padding-right: 70px;
    background: url("../images/icon_02.jpg") no-repeat right 35px center;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 90px;
}
.news .tabbox .right ul li .info h2{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color:#1d1d1d;
    font-weight: 500;
}
.news .tabbox .right ul li .info p{
    font-size: 12px;
    color:#676767;
    line-height: 20px;
}
.news .tabbox .right ul li:hover{
    background-color: #16386b;
}
.news .tabbox .right ul li:hover .time{
    color:#FFFFFF;
    background: url("../images/li-bg02.jpg") no-repeat right top 20px;
}
.news .tabbox .right ul li:hover .info h2{
    color:#FFFFFF;
}
.news .tabbox .right ul li:hover .info p{
    color:#FFFFFF;
}
.news .tabbox .right .more{
    width: 140px;
    height: 40px;
    background-color: #16386b;
    text-align: center;
    line-height: 40px;
}
.news .tabbox .right .more a{
    color:#FFFFFF;
}
.cjlm{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.cjlm .title{
    text-align: center;
    height: auto;
}
.cjlm .title p{
    font-size: 31px;
    line-height: 60px;
}
.cjlm .title h2{
    font-size: 42px;
    font-weight: 500;
    color:#303030
}
.cjlm .wrap{
    width: 1200px;
    height: auto;
    margin-top: 55px;
}
.cjlm .wrap .left{
    width: 175px;
    height: auto;
    float: left;
}
.cjlm .wrap .left h2{
    width: 175px;
    height: 65px;
    background-color: #16386b;
    text-align: center;
    line-height: 65px;
    font-size: 22px;
    color:#FFFFFF;
    font-weight:500;
    margin-bottom: 15px;
}
.cjlm .wrap .left ul li{
    width: 71px;
    height: 101px;
    border:2px solid #16386b;
    padding: 35px 50px;
    text-align: center;
}
.cjlm .wrap .left ul li p{
    font-size: 22px;
    font-family: STHeiTi;
    color:#111e36;
}
.cjlm .wrap .left ul li a{
    font-size: 12px;
    display: block;
    line-height: 60px;
}
.cjlm .wrap .right{
    width: 1010px;
    height: auto;
    float: right;
}
.madein{
    width: 1400px;
    height: auto;
    margin: 100px auto 60px auto;
}
.madein .title{
    width: 1200px;
    margin: 0 auto;
}
.madein .title h2{
    font-size: 42px;
    color:#16386b;
    font-weight: 500;
}
.madein .title p{
    font-size: 20px;
    color:#9a9999;
}
.madein .list{
    width: 1200px;
    height: 50px;
    line-height: 50px;
    margin: 40px auto;
}
.madein .list p{
    float: left;
    color:#909090;
    font-size: 18px;
}
.madein .list p:nth-child(1){
    width: 575px;
    background: url("../images/icon_04.jpg") no-repeat left center;
    text-indent: 70px;
}
.madein .list p:nth-child(2){
     width: 325px;
     background: url("../images/icon_05.jpg") no-repeat left center;
     text-indent: 70px;
}
.madein .list p:nth-child(3){
    width: 295px;
    background: url("../images/icon_06.jpg") no-repeat left center;
    text-indent: 70px;
}
.madein .wrap{
    width: 1200px;
    height: 520px;
    padding: 0 100px;
    position: relative;
}
#swiper4{
    width: 1200px;
    height: 520px;
}
#swiper44{
    width: 1200px;
    height: 537px;
}
#swiper44 img{
    width: 1200px;
    height: 537px;
}

.madein .wrap .swiper-button-next{
    width: 37px;
    height: 37px;
    background: url("../images/right.jpg") no-repeat top center;
    position: absolute;
    right:0;
    outline: none;
}
.madein .wrap .swiper-button-prev{
    width: 37px;
    height: 37px;
    background: url("../images/left.jpg") no-repeat top center;
    position: absolute;
    left:0;
    outline: none;
}
.join{
    width: 100%;
    height: 356px;
    background: url("../images/bg02.jpg") no-repeat 50% 0;
}
.join .container{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 120px;
}
.join .container .form{
    width: 415px;
    height: auto;
    float: right;
    margin-right: 170px;
    position: relative;
}
.join .container .form .left{
    width: 200px;
    float: left;
}
.join .container .form .left input{
    width: 180px;
    height: 35px;
    background-color: #FFFFFF;
    display: block;
    padding-left: 20px;
}
.join .container .form .right{
    width: 200px;
    height: auto;
    float: right;
}
.join .container .form .right select{
    height: 35px;
    width: 90px;
    float: left;
}
.join .container .form .right .btn{
    margin-top: 5px;
    height: 35px;
}
.join .container .form .right .btn input{
    display: block;
    width: 200px;
    text-align: center;
    line-height: 35px;
    background-color: #003677;
    color:#FFFFFF;
    font-size: 16px;
}
.join .close{
    width: 23px;
    height: 23px;
    position: absolute;
    right:-30px;
    top:10px;
}
.koubei{
    width: 100%;
    height: auto;
    background-color: #fefefe;
    padding-top: 100px;
}
.koubei .title{
    width: 1000px;
    height: auto;
    margin: 0 auto;
}
.koubei .title h2{
    font-size: 42px;
    color:#16386b;
    font-weight: 500;
}
.koubei .title p{
    font-size: 20px;
    color:#9a9999;
}
.koubei .wrap{
    width: 1000px;
    height:545px;
    margin: 35px auto;
    padding: 0 100px;
    position: relative;
}
.koubei .wrap .swiper-button-next{
    width: 30px;
    height: 120px;
    border:1px solid #cfd3d2;
    background:#eaeeed url("../images/rg01.png") no-repeat left center;
    right: 0;
}
.koubei .wrap .swiper-button-next.on{
    width: 30px;
    height: 120px;
    background:#1d2e66 ;
    right: 0;
}
.koubei .wrap .swiper-button-prev{
    width: 30px;
    height: 120px;
    border:1px solid #cfd3d2;
    background:#eaeeed url("../images/lf01.png") no-repeat left center;
    left:0;
}
.koubei .wrap .swiper-button-prev.on{
    width: 30px;
    height: 120px;
    background:#1d2e66 ;
    left: 0;
}
#swiper5{
    width: 999px;
    height: 545px;
}
#swiper5 .swiper-slide{
    width: 333px;
    height: 405px;
    background: url("../images/line01.jpg") no-repeat right top;
    padding-top: 50px;
    padding-bottom: 90px;
}
#swiper5 .swiper-slide .desc{
    width: 230px;
    height: 65px;
    margin: 0 auto;
}
#swiper5 .swiper-slide .desc span{
    font-size: 18px;
    color:#16386b;
    line-height: 30px;
}
#swiper5 .swiper-slide img{
    display: block;
    width: 183px;
    height: 183px;
    margin: 25px auto 10px auto;
}
#swiper5 .swiper-slide .info{
    text-align: center;
    height: 70px;
}
#swiper5 .swiper-slide .info h2{
    font-size: 18px;
    line-height: 40px;
    font-weight: 500;
}
#swiper5 .swiper-slide .info p{
    font-size: 12px;
}
#swiper5 .swiper-slide .info p span{
    padding: 0 10px;
}
#swiper5 .swiper-slide .more{
    width: 95px;
    height: 25px;
    margin: 10px auto;
    background-color: #003466;
    text-align: center;
    line-height: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
#swiper5 .swiper-slide .more a{
    color:#FFFFFF;
    font-size: 12px;
}
#swiper5 .swiper-slide:hover{
    border:1px solid #f3f3f3;
    width: 331px;
    height: 403px;
    background: #FFFFFF;
}
.footer{
    width: 100%;
    height: auto;
    background-color: #111e31;
    padding-bottom: 80px;
}
.footer .contact{
    width: 100%;
    height: auto;
    background-color: #162236;
    padding-top: 55px;
    padding-bottom: 25px;
}
.footer .contact .container{
    width: 1140px;
    height: auto;
    margin: 0 auto;
}
.footer .contact .container h2{
    font-size: 18px;
    color:#f8f8f8;
    font-weight: 500;
}
.footer .contact .container .form{
    height: 50px;
    margin-top: 30px;
    line-height: 50px;
}
.footer .contact .container .form input{
    display: block;
    width: 415px;
    border:1px solid #434343;
    float: left;
    height: 50px;
    font-size: 14px;
    color:#f8f8f8;
    padding-left: 5px;
    outline: none;
}
.footer .contact .container button{
    display: block;
    width: 190px;
    height: 50px;
    background-color: #003677;
    text-align: center;
    line-height: 50px;
    color:#f8f8f8;
    font-size: 20px;
    float: right;
}
.footer .footer-menu{
    width: 1140px;
    padding-top: 50px;
    margin: 0 auto;
}
.footer .footer-menu .container{
    width: 1140px;
    border-top:1px solid #434343;
    padding: 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer .footer-menu .container .box h2{
    font-size: 14px;
    color:#f8f8f8;
    line-height: 40px;
    font-weight: 500;
}
.footer .footer-menu .container .box ul li{
    line-height: 25px;
}
.footer .footer-menu .container .box ul li a{
    font-size: 12px;
    color:#b0b1b5
}
.footer .footer-menu .container .box:last-child{
    padding-top: 20px;
}
.footer .flink{
    width: 1140px;
    height: 50px;
    margin: 15px auto;
    font-size: 12px;
    color:#f8f8f8;
}
.footer .flink a{
    color:#f8f8f8;
    padding: 0 10px;
}
.footer .bottom{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.footer .bottom .select{
    width: 240px;
    height: 40px;
    float: left;
    padding-top: 20px;
}
.footer .bottom .select select{
    width: 240px;
    height: 40px;
    border:1px solid #f8f8f8;
    color:#f8f8f8;
    font-size: 18px;
    background: none;
}
.footer .bottom .text{
    width: 900px;
    height: auto;
    float: right;
    text-align: center;
    color:#f8f8f8;
    line-height: 35px;
    background: url("../images/icon_07.png") no-repeat right 120px center;
}
/**************************荣誉资质******************************/
.menu{
    width: 100%;
    height: 65px;
    background-color: #1f5aa9;
    line-height: 65px;
    text-align: center;
}
.menu a{
    color:#ffffff;
    padding:0 80px;
    line-height: 65px;
    height: 65px;
    
    
}
.menuli{
    display: inline-block;
    position:relative;
    height: 65px;
}

.submenu {
    position: absolute;
    background: #fff;
    border: 1px solid #1f5aa9;
    width: 100%;
    left: 0;
    display:none;
}

.menuli:hover .submenu {
    display:block;
}

.submenu a {
    color: #666;
    padding: 0 8px;
    display: block;
    line-height: 44px;
    border-bottom: 1px solid #eee;
}
.submenu a:hover {
    background: #f5f5f5;
}

.main{
    width: 100%;
    height: auto;
    margin: 50px auto;
}
.main .title{
    padding: 50px 0;
    background: url("../images/line05.jpg") no-repeat bottom center;
    text-align: center;
}
.main .title h1{
    font-size: 26px;
    font-weight: 500;
}
.main .title h1 span{
    font-size: 50px;
}
.main .title p{
    color:#adadad;
    font-size: 32px;
    margin: 50px auto;
}
.main .title p span{
    font-size: 15px;
}
.main .wrap{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 180px;
}
.view{
    width: 800px;
    height: 635px;
    padding: 0 200px;
    position: relative;
}
.view .swiper-container { height: 635px;width: 800px; }
.view:hover .arrow{display: block;}
.view .arrow{display: none;position: absolute;top: 50%;margin-top: -35px;width: 58px;height: 63px;z-index: 10; }
.view .arrow-left {background: url("../images/l.jpg") no-repeat center; left: 10px;}
.view .arrow-right {background: url("../images/r.jpg") no-repeat center; right: 10px;}
.preview {width: 100%;margin-top: 50px;position: relative;}
.preview .swiper-slide{
    width:145px;
    height: 220px;
    margin: 0 2.5px;
    text-align: center;
}
.preview .swiper-slide img{
    display: block;
    width: 145px;
    height: 190px;
}
.preview .swiper-slide p{
    line-height: 30px;
}
.preview .active-nav img {padding: 0;border: 1px solid #FF3E3E;}
.main .wrap .tit{
    margin-top: 110px;
    color:#a2a2a2;
}
.main .wrap .tit h2{
    font-size: 60px;
    color:#e6e6e6;
}
.main .wrap .tit p{
    font-size: 24px;
}
.main .wrap .tit font{
    font-size: 14px;
}
.main .slcj-title{
    background: none;
}
.main .slcj-title i{
    display: block;
    width: 150px;
    height: 1px;
    background-color: #1f5aa9;
    margin: 0 auto;
}
.main .top-view{
    width: 880px;
    height: auto;
    margin: 35px auto 100px auto;
    padding: 0 115px;
    position: relative;
}
.main .top-view .swiper-container{
    width: 880px;
    height: 305px;
}
.main .top-view .swiper-container .swiper-slide{
    width: auto!important;
    height: 305px;
    margin: 0 5px;
}
.main .top-view .swiper-button-prev{
    width: 48px;
    height: 48px;
    background: url("../images/left01.jpg") no-repeat top center;
}
.main .top-view .swiper-button-next{
    width: 48px;
    height: 48px;
    background: url("../images/right01.jpg") no-repeat top center;
}
.main .center-view{
    width: 100%;
    height: auto;
    background: url("../images/bg04.jpg") repeat;
    padding: 90px 0 140px 0;
}
.main .center-view .tit{
    height:40px;
    text-align: center;
}
.main .center-view .tit h2{
    font-size: 30px;
    color:#FFFFFF;
}
.main .center-view .tit h2 span{
    font-weight: 500;
    margin-left: 15px;
}
.main .center-view .container{
    width: 1200px;
    height: auto;
    background-color: #FFFFFF;
    margin:50px auto 0 auto;
    padding: 80px 0 50px 0;
}
.main .center-view .container .big{
    width: 1110px;
    height: 415px;
    background: url("../images/bg05.jpg") no-repeat top right 75px;
    padding-top: 30px;
    margin: 0 auto;
}
.main .center-view .container .top-list .list{
    width: 1120px;
    height: 240px;
    margin: 10px auto;
}
.main .center-view .container .top-list .list .swiper-container{
    width: 1120px;
    height: 240px;
}
.main .center-view .container .top-list .list .swiper-container .swiper-slide{
    width: auto!important;
    height: 240px;
    margin: 0 5px;
}
.main .center-view .container .top-list .list  .more{
    width: 167px;
    height: 43px;
    float: right;
    margin-top: 30px;
    margin-right: 35px;
}
.main .center-view .container .bottom-list{
    width: 1140px;
    height: 305px;
    margin-top: 45px;
    padding-top: 30px;
    background: url("../images/bg06.jpg") no-repeat top left 35px;
    padding-left: 60px;
}
.main .center-view .container .bottom-list .swiper-container{
    width: 1140px;
    height: 282px;
}
.main .center-view .container .bottom-list .swiper-container .swiper-slide{
    width: 377px;
    height: 284px;
    margin-right: 3px;
}
.office{
    width: 1200px;
    height: auto;
    margin: 150px auto;
    position: relative;
}
.office h2{
    text-align: center;
    line-height: 60px;
    font-size: 30px;
    color:#1f5aa9;
}
.office h2 span{
    font-weight: 500;
    color:#666768;
    margin-left: 15px;
}
.office .list{
    width: 1155px;
    height: 315px;
    margin-top: 85px;
    background: url("../images/bg06.jpg") no-repeat left 30px top;
    background-size: 90% 100%;
    padding-top: 30px;
    padding-left: 45px;
}
.office .list .swiper-container{
    width: 1155px;
    height: 280px;
}
.office .list .swiper-container .swiper-slide{
    width: 375px;
    height: 280px;
    margin: 0 5px;
}
.office .more{
    width: 167px;
    height: 43px;
    position: absolute;
    right:265px;
    bottom:-15px;
}
#demo{
    width: 100%;
    height: auto;
    background: url("../images/bg04.jpg") repeat;
    padding: 90px 0 140px 0;
}
#demo .tit{
    height:40px;
    text-align: center;
}
#demo .tit h2{
    font-size: 30px;
    color:#FFFFFF;
}
#demo .tit h2 span{
    font-weight: 500;
    margin-left: 15px;
}
#demo .container{
    width: 1155px;
    height: 335px;
    margin: 50px auto;
    background: #FFFFFF;
    padding-left: 35px;
    padding-top: 35px;
    padding-bottom: 50px;
    padding-right: 10px;
}
#demo .container .list{
    width: 1155px;
    height: 300px;
    background: url("../images/bg010.png") no-repeat left top;
    padding-top: 35px;
}
#demo .container .swiper-container{
    width: 1155px;
    height: 280px;
}
#demo .container .swiper-container .swiper-slide{
    width: 375px;
    height: 280px;
    margin-left: 10px;
}
#demo .container .swiper-container .swiper-slide img{
    display: block;
    width: 375px;
    height: 280px;
}
/****************************************案例***************************/
.case-title{
    width: 100%;
    height: 90px;
    padding: 90px 0;
    background: url("../images/line05.jpg") no-repeat bottom center;
    margin-top: 45px;
    text-align: center;
}
.case-title h2{
    font-size: 32px;
    font-weight: 500;
    color:#adadad;
}
.case-title p{
    font-size: 15px;
    color:#d0d0d0;
}
.recommended{
    width: 1140px;
    height: auto;
    margin: 75px auto 60px auto;
}
.recommended .title h2{
    font-size: 24px;
    color:#024a76;
    line-height: 65px;
    padding-left: 10px;
}
.recommended .title h2 span{
    font-weight: 500;
}
.recommended .list{
    width: 1140px;
    height: 295px;
    padding-bottom: 70px;
    position: relative;
}
.recommended .list .swiper-container{
    width: 1140px;
    height: 295px;
}
.recommended .list .swiper-container .swiper-slide{
    width: 265px;
    height: 295px;
    margin: 0 10px;
}
.recommended .list .swiper-container .swiper-slide a{
	color: #024a76;
}
.recommended .list .swiper-button-prev{
    width: 48px;
    height: 48px;
    background: url("../images/left01.jpg") no-repeat;
    position: absolute;
    top:315px;
    left:500px;
}
.recommended .list .swiper-button-next{
    width: 48px;
    height: 48px;
    background: url("../images/right01.jpg") no-repeat;
    position: absolute;
    top:315px;
    right:500px;
}
.business{
    width: 100%;
    height: auto;
    position: relative;
}
.business .title{
    width: 100%;
    height: auto;
    position: absolute;
    left:0;
    top:90px;
    z-index: 999;
}
.business .title img{
    display: block;
    width: 445px;
    height: 95px;
    margin: 0 auto;
}
.business .big-view{
    width: 100%;
    height: 730px;
}
.business .big-view .swiper-container{
    width: 100%;
    height: 730px;
}
.business .big-view .swiper-container .swiper-slide{
    width: 100%;
    height: 730px;
    position: relative;
}
.business .big-view .swiper-container .swiper-slide p{
    width: 150px;
    height: 35px;
    background: url("../images/icon_hot.png") no-repeat left center;
    text-indent: 25px;
    position: absolute;
    left:100px;
    top:50px;
    line-height: 35px;
    color:#FFFFFF;
    font-size: 18px;
}
.business .tab-preview{
    width: 1200px;
    height: 115px;
    margin: 65px auto;
}
.business .tab-preview .swiper-container{
    width: 1200px;
    height: 115px;
}
.business .tab-preview .swiper-container .swiper-slide{
    width: 170px;
    height: 115px;
    line-height: 115px;
    background: url("../images/li-bg.jpg") no-repeat right center;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
}
.business .tab-preview .swiper-container .swiper-slide:last-child{
    background: none;
}
.business .tab-preview .swiper-container .swiper-slide p{
    width: 170px;
    height: 115px;
    z-index: 99;
}
.business .tab-preview .active-nav p{
    background: url("../images/active.png") no-repeat top center;
    color:#FFFFFF;
}
.major{
    width: 100%;
    height: 865px;
    position: relative;
}
.major .title{
    width: 100%;
    height: auto;
    position: absolute;
    left:0;
    top:90px;
    z-index: 999;
}
.major .title img{
    display: block;
    width: 445px;
    height: 95px;
    margin: 0 auto;
}
.major .style-view .swiper-container{
    width: 100%;
    height: 865px;
}
.major .style-preview{
    width: 100%;
    height: 160px;
    position: absolute;
    bottom:190px;
    left:0;
}
.major .style-preview .swiper-container{
    width: 1110px;
    height: 160px;
    margin: 0 auto;
}
.major .style-preview .swiper-container .swiper-slide{
    width: 158px;
    height: 158px;
    border:1px solid #FFFFFF;
    margin: 0 12.5px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: relative;
    cursor: pointer;
}
.major .style-preview .swiper-container .swiper-slide img{
    display: block;
    width: 17px;
    height: 17px;
    margin: 30px auto;
}
.major .style-preview .swiper-container .swiper-slide p{
    width: 158px;
    height: 55px;
    color:#FFFFFF;
    text-align: center;
    position: absolute;
    left:0;
    bottom:5px;
    font-size: 20px;
}
.major .style-preview .on{
    background-color: #1f5aa9;
}
.koubei{
    width: 1120px;
    height: auto;
    margin: 50px auto;
}
.koubei .title{
    width: 555px;
    height: 100px;
    margin: 0 auto;
}
.koubei .list{
    width: 1120px;
    height: auto;
    margin-top: 50px;
}
.koubei .list ul li{
    width: 260px;
    height: auto;
    float: left;
    margin: 10px 10px;
}
.koubei .list ul li .thumb{
    width: 260px;
    height: auto;
}
.koubei .list ul li .thumb img{
    display: block;
    width: 260px;
    height: auto;
}
.koubei .list ul li .access{
    height: 50px;
    line-height: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.koubei .list ul li .access .account{
    background: url("../images/icon_10.jpg") no-repeat left center;
    text-indent: 20px;
}
.koubei .list ul li .info{
    font-size: 12px;
    color:#999999;
}
/*********************联系我们*********************/
.information{
    width: 1230px;
    height: auto;
    margin: 115px auto 50px auto;
    background: url("../images/about-bg.jpg") no-repeat right 20px center;
    border-left: 1px solid #898989;
    padding-left: 45px;
}
.information .top h1{
    font-size: 58px;
    color:#004977;
    font-weight: 500;
}
.information .top p{
    font-size: 21px;
    margin: 10px 0;
    line-height: 35px;
}
.information .top h2{
    font-size: 34px;
    color:#004977;
}
.information .center{
    margin: 70px 0 50px 0;
}
.information .center h2{
    font-size: 20px;
    line-height: 50px;
}
.information .center p{
    line-height: 30px;
    font-size: 16px;
}
.information .bottom{
    font-size: 18px;
    color:#004977
}
.information .bottom p a{
    padding: 0 15px;
    font-size: 18px;
    line-height: 40px;
    color:#004977
}
.map{
    width: 100%;
    height: auto;
    background: url("../images/map.jpg") no-repeat 50% 0;
    padding-top: 40px;
    padding-bottom: 105px;
}
.map h2{
    font-size: 48px;
    color:#004977;
    line-height: 160px;
    font-weight: 500;
    text-align: center;
}
#dituContent{
    margin: 0 auto;
}
.message{
    width: 1200px;
    height: auto;
    margin: 100px auto;
}
.message .left{
    width: 405px;
    height:auto;
    float: left;
    padding-left:40px;
    border-left: 1px solid #898989;
   
    padding-bottom: 350px;
}
.message .left h1{
    font-weight: 500;
    font-size: 56px;
    color:#004977
}
.message .left p{
    font-size: 21px;
    line-height:35px;
    margin: 15px auto;
}
.message .right{
    width: 610px;
    height: auto;
    float: right;
}
.message .right .form h2{
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
}
.message .right .form .inputs{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.message .right .form .inputs input{
    display: block;
    width: 290px;
    height: 45px;
    background-color: #eaeaea;
    padding-left: 10px;
    line-height: 45px;
    color:#997575;
    margin-bottom: 15px;
    outline: none;
}
.message .right .form .html textarea{
    display: block;
    width: 600px;
    height: 130px;
    background-color: #eaeaea;
    color:#999999;
    padding-top: 10px;
    padding-left: 10px;
    outline: none;
}
.message .right .form button{
    display: block;
    width: 120px;
    height: 35px;
    background-color: #004977;
    text-align: center;
    line-height: 35px;
    color:#FFFFFF;
    font-size: 16px;
    margin-top: 20px;
}
.message .right .list{
    margin-top:30px;
}
.message .right .list .tit h2{
    line-height: 45px;
    color:#004977;
    font-size: 20px;
}
.message .right .list ul li{
    margin: 10px 0;
}
.message .right .list ul li h2{
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
}
.ys{
    width: 100%;
    height: 85px;
    background-color: #004977;
    padding: 71px 0 74px 0;
}
.ys .container{
    width: 1175px;
    height: 85px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*****************************海外业务***************************/
.area{
    width: 100%;
    height: auto;
    background: url("../images/area.jpg") no-repeat top center;
    padding: 80px 0 128px 0;
    margin-top: 20px;
    position: relative;
}
.area .title{
    width: 100%;
    height: 90px;
    position: absolute;
    left:0;
    top:50px;
}
.area .title img{
    display: block;
    width: 445px;
    height: 90px;
    margin: 0 auto;
}
.area .area-view{
    width: 1180px;
    height: 300px;
    margin:150px auto 30px auto;
    padding: 0 125px;
    position: relative;
}
.area .area-view .content{
    width: 1120px;
    height: 220px;
    padding: 40px 30px;
    background-color: #FFFFFF;
}
.area .area-view .content .swiper-slide{
    width: auto!important;
    height: 220px;
    margin: 0 2px;
}
.area .area-view .swiper-button-prev{
    width: 46px;
    height: 56px;
    background: url("../images/left02.jpg") no-repeat left center;
}
.area .area-view .swiper-button-next{
    width: 46px;
    height: 56px;
    background: url("../images/right02.jpg") no-repeat left center;
}
.area-app{
    width: 1100px;
    height: auto;
    margin: 50px auto;
}
.area-app .title{
    text-align: center;
}
.area-app .title p{
    font-size: 31px;
}
.area-app .title h2{
    font-size: 35px;
    line-height: 70px;
    font-weight: 500;
}
.area-app .title span{
    display: block;
    width: 165px;
    height: 2px;
    background: #1f5aa9;
    margin: 40px auto;
}
.area-app ul{
    padding: 50px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.area-app ul li{
    width: 550px;
    height:40px;
    line-height: 40px;
    background: url("../images/icon_11.jpg") no-repeat left center;
    text-indent: 35px;
}
.area-app ul li a{
    font-size: 18px;
}
.area-list{
    width: 1180px;
    height: auto;
    margin: 50px auto;
}
.area-list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.area-list ul li{
    width: 575px;
    height: 480px;
}
.area-list ul li .thumb{
    width: 575px;
    height: 430px;
}
.area-list ul li p{
    text-align: center;
    line-height: 50px;
}
.area-list ul li p a{
    font-size: 16px;
}
.demand{
    width: 100%;
    height: 150px;
    background-color: #1f5aa9;
    padding-top: 50px;
}
.demand .container{
    width: 780px;
    height: 140px;
    margin: 0 auto;
}
.demand .container .list{
    width: 250px;
    height: 60px;
    line-height: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.demand .container .list a{
    display: block;
    padding-right:10px;
    height: 60px;
    font-size: 12px;
    color:#FFFFFF;
}
.demand .container input[name=keyword]{
    display: block;
    width: 630px;
    height: 65px;
    display: block;
    background: url("../images/input-bg.png") no-repeat left center;
    float: left;
    outline: none;
    padding-left: 15px;
    line-height:80px;
    font-size: 18px;
    color:#484848;
}
.demand .container .subbtn{
    width: 135px;
    height: 57px;
    display: block;
    float: right;
    text-align: center;
    line-height: 58px;
    background-color: #414243;
    color:#ffffff;
    font-size: 18px;
    margin-top: 8px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
/******************************产品****************************/
#container{
    width: 1200px;
    height: auto;
    margin: 130px auto;
}
#container .container-l{
    wdith:275px;
    height: auto;
    float: left;
}
#container .container-l .type-list .box .top-type{
    width: 255px;
    height: 60px;
    background-color: #282828;
    line-height: 60px;
    padding-left: 20px;
}
#container .container-l .type-list .box .top-type h2{
    color:#FFFFFF;
    font-size: 18px;
}
#container .container-l .type-list .box h3{
    width: 210px;
    height: 55px;
    background-color: #f3f3f3;
    border-left: 5px solid #282828;
    line-height: 55px;
    padding-left: 60px;
    font-size: 18px;
    font-weight: 500;
}
#container .container-l .type-list .box ul{
    width: 213px;
    height: auto;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    padding: 20px 30px;
}
#container .container-l .type-list .box ul li{
    width: 213px;
    height: 30px;
    background: url("../images/icon_12.jpg") no-repeat left center;
    line-height: 30px;
    text-indent: 20px;
	overflow:hidden;
}
#container .container-l .type-list .box ul li a{
    font-size: 14px;
    color:#6b6b6b;
}
#container .container-l .type-list .box ul .childbox{
	padding-left:20px;
}
#container .container-l .type-list .box ul .childbox li{
	width: 195px;
    text-indent: 10px;
}
#container .container-l .contact-us h2{
    width: 255px;
    height: 60px;
    background-color: #282828;
    line-height: 60px;
    padding-left: 20px;
    font-size: 18px;
    color:#FFFFFF;
}
#container .container-l .contact-us .content{
    width: 273px;
    height: auto;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
}
#container .container-l .contact-us .text{
    padding: 20px 20px;
    line-height: 30px;
}
#container .container-r{
   width: 885px;
    height: auto;
    float: right;
}
#container .container-r .position{
    height: 60px;
    line-height: 60px;
}
#container .container-r .position p{
    background:url("../images/home.jpg") no-repeat left center;
    text-indent: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
#container .container-r .position p span{
    color:#4e4b4b;
}
#container .container-r .position p a{
    display: inline-block;
	float:left;
    height: 60px;
    line-height: 60px;
    background: url("../images/icon_13.jpg") no-repeat right center;
}
#container .container-r .title{
    width: 885px;
    height: 100px;
    line-height: 100px;
    font-size: 32px;
}
#container .container-r .title h1{
    font-size: 32px;
    font-weight: 500;
}
#container .container-r .product-top{
    margin-top: 30px;
}
#container .container-r .product-top .thumb{
    width: 465px;
    height: 360px;
    position: relative;
    float: left;
}
#container .container-r .product-top .thumb .zx{
    width: 425px;
    height: 35px;
    background-color: #1f5aa9;
    position: absolute;
    left:0;
    bottom:0;
    padding: 0 20px;
    line-height: 35px;
}
#container .container-r .product-top .thumb .zx p{
    width: 210px;
    float: left;
    color:#FFFFFF;
    background: url("../images/icon_14.png") no-repeat left center;
    text-indent: 20px;
    font-size: 12px;
}
#container .container-r .product-top .thumb .zx a{
    display: block;
    width: 70px;
    height: 25px;
    float: right;
    border:1px solid #FFFFFF;
    text-align: center;
    line-height: 25px;
    margin-top: 4px;
    color:#FFFFFF;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
#container .container-r .product-top .product-info{
    width: 410px;
    height: auto;
    float: right;
}
#container .container-r .product-top .product-info .desc{
    width:350px;
    height: 100px;
    background-color: #f5f5f5;
    padding: 40px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#container .container-r .product-top .product-info .desc p{
    width: 170px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color:#656464;
}
#container .container-r .product-top .product-info .imgs{
    width: 410px;
    height: 80px;
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#container .container-r .product-top .product-info .imgs img{
    display: block;
    width: 135px;
    height: 80px;
}
#container .container-r .product-top .product-info .imgs img.on{
    border:1px solid #c4c4c4;
    padding: 5px 5px;
    width: 125px;
    height: 70px;
    display: block;
}
#container .container-r .product-top .product-info .info{
    padding-top: 30px;
}
#container .container-r .body{
    width: 885px;
    height: auto;
    padding-top: 35px;
	clear:both;
}
#container .container-r .body .product-desc .tit{
    width: 885px;
    height: 50px;
    background: url("../images/content_right_location2.png") no-repeat left bottom;
}
#container .container-r .body .product-desc .tit h2{
    color: #2a3956;
    font-size: 19px;
    height: 38px;
    line-height: 38px;
    margin-left: 26px;
    letter-spacing: 1px;
}
#container .container-r .body .product-desc .tit h2 span{
    color:#c4c4c4;
}
#container .container-r .body .xgtj{
    margin-top: 50px;
}
#container .container-r .body .xgtj .tit {
    width: 885px;
    height: 50px;
    background: url(../images/content_right_location3.png) no-repeat;
    position: relative;
}
#container .container-r .body .xgtj .tit h3 {
    color: #2a3956;
    font-size: 19px;
    height: 38px;
    line-height: 38px;
    margin-left: 26px;
}
#container .container-r .body .xgtj .tit h3 span{
    color:#c4c4c4;
    margin-left: 15px;
}
#container .container-r .body .xgtj .tit  h4 {
    position: absolute;
    right: 75px;
    top: 0;
    height: 38px;
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    line-height: 38px;
}
#container .container-r .body .xgtj .list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 15px;
}
#container .container-r .body .xgtj .list .box{
    width: 285px;
    height: 175px;
    position: relative;
    overflow: hidden;
}
#container .container-r .body .xgtj .list .box h2{
    position: absolute;
    left: 0;
    bottom:0;
    height: 45px;
    background: rgba(42, 57, 88, 0.9);
    width: 285px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color:#fff9ec;
}
#news{
    width: 1200px;
    height: auto;
    margin: 100px auto;
}
#news .title{
    width: 1200px;
    height: 95px;
    background: url("../images/news.png") no-repeat left top;*/
    position: relative;
}
#news .title .tabs{
    width: 100%;
    height: 28px;
    text-align: right;
}
#news .title .tabs a{
    color: #b9b9b9;
    font-size: 16px;
    padding: 13px;
}
#news .title .tabs a.on{
    color:#004977;
    border-bottom:1px solid #004977;
}
#news .container{
    width: 1110px;
    height: auto;
    margin: 50px auto;
}
#news .container .recommend{
    width: 515px;
    height:555px;
    float: left;
}
#news .container .recommend .swiper-container .swiper-slide{
    width: 515px;
    height: 555px;
}
#news .container .recommend .swiper-container .swiper-slide .thumb{
    width: 515px;
    height: 310px;
}
#news .container .recommend .swiper-container .swiper-slide .info{
    width: 465px;
    height: 245px;
    background-color: #004977;
    padding: 10px 25px;

}
#news .container .recommend .swiper-container .swiper-slide .info a{
    color:#FFFFFF;
}
#news .container .recommend .swiper-container .swiper-slide .info h2{
    line-height: 60px;
    font-size: 18px;
}
#news .container .recommend .swiper-container .swiper-slide .info p{
    font-size: 12px;
}

#news .container .recommend .swiper-container .swiper-pagination-bullet{
    width: 15px;
    height: 15px;
    background-color: #FFFFFF;
}
#news .container .tabbox{
    width: 535px;
    height: auto;
    float: right;
}
#news .container .tabbox ul li{
    width: 535px;
    height: 90px;
    padding: 15px 0;
}
#news .container .tabbox ul li:hover a{
	color:#1f5aa9;
}
#news .container .tabbox ul li .time{
    width: 90px;
    height: 90px;
    border:1px solid #4e4e4e;
    text-align: center;
    float: left;
}
#news .container .tabbox ul li:hover .time{
	border:1px solid #1f5aa9;
	
}
#news .container .tabbox ul li .time h2{
    font-size: 48px;
}
#news .container .tabbox ul li .info{
    width: 425px;
    float: right;
}
#news .container .tabbox ul li .info h2{
    font-size: 18px;
}
#news .container .tabbox ul li .info p{
    font-size: 12px;
    margin-top: 10px;
    line-height: 20px;
}
#news .container .tabbox ul li:first-child{
    padding-top: 0;
}
#news .container .tabbox .pages{
    width: 500px;
    height: auto;
    margin: 25px auto;
    display: block;
}
#news .container .tabbox .pages a{
    display: inline-block;
    padding: 5px 10px;
	margin-right:10px;
	float:left;
    border:1px solid #525252;
}
#news .container .tabbox .pages a.page-num-current,#news .container .tabbox .pages a:hover{
    background-color: #1f5aa9;
    color:#FFFFFF;
}
#news .txt{
    text-align: center;
    padding: 50px 0;
}
#news .txt h2{
    font-size: 32px;
    color:#adadad;
    font-weight: 500;
}
#news .txt p{
    font-size: 15px;
    line-height: 40px;
    color:#adadad;
}
.related{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.related .tit{
    height:60px;
    line-height: 60px;
    border-bottom:1px dashed #eeeeee;
    padding-left: 100px;
    font-size: 18px;
}
.related .list{
    padding: 15px 0;

}
.related .list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.related .list ul li{
    width: 300px;
    height: 210px;
    background: #f1f1f1;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px 20px;
    text-align: center;
}
.related .list ul li img{
    display: block;
    width: 300px;
    height: 170px;
}
.related .list ul li p{
    line-height: 40px;
    font-size: 16px;
}
#show{
    width: 1230px;
    height: auto;
    margin: 150px auto;
}
#show .show-l{
    width: 960px;
    height: auto;
    background: #f7f7f7;
    float: left;
    padding: 40px 0 0 0;
}
#show .show-r{
    width: 245px;
    height: auto;
    float: right;
}
#show .show-l .article{
    width: 900px;
    height: auto;
    padding: 0 30px 30px 30px;
}
#show .show-l .title h1{
    font-size: 24px;
    color:#004977;
    line-height: 80px;
    text-align: center;
    border-bottom:2px solid #eeeeee;
}
#show .show-l .title p{
    font-size: 12px;
    line-height:50px;
    text-align: center;
}
#show .show-l .body{
    padding-top: 50px;
}
#show .show-l .body p{
    margin: 15px 0;
    line-height: 30px;
}
#show .show-l .buttons{
    width: 910px;
    height: 40px;
    background-color: #898989;
    padding: 0 25px;
    line-height: 40px;
}
#show .show-l .buttons a{
    color:#FFFFFF;
}
#show .show-l .buttons .prev{
    float: left;
}
#show .show-l .buttons .next{
    float: right;
}
#show .show-r .box{
    width: 245px;
    height: auto;
    margin-bottom: 10px;
}
#show .show-r .box h2{
    width: 245px;
    height: 60px;
    background-color: #004977;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    font-weight: 500;
    color:#FFFFFF;
}
#show .show-r .box ul{
    background-color: #f7f7f7;
    padding: 20px 10px;
}
#show .show-r .box ul li{
    background: url("../images/icon_16.png") no-repeat left top 15px;
    padding: 10px 0 10px 25px;
    line-height: 25px;
}

#about .body{
    width: 1010px;
    height: auto;
    padding: 100px 0;
    margin: 0 auto;
}
#about .body p{
    margin: 25px 0;
    font-size: 18px;
    line-height: 35px;
}
#about .text .tit{
    text-align: center;
}
#about .text .tit h2{
    font-size: 32px;
    font-weight: 500;
    color:#b9b9b9;
}
#about .text .tit p{
    font-size: 15px;
    color:#b9b9b9;
    line-height: 30px;
}
#about .text .container{
    width: 100%;
    height: 480px;
    background: url("../images/bg09.jpg") no-repeat 50% 0;
    margin-top: 100px;
}
#about .text .container .txt{
    width: 520px;
    height: 310px;
    margin: 0 auto;
    padding-left: 390px;
    padding-right: 70px;
    padding-top: 50px;
}
#about .text .container .txt h2{
    font-size: 20px;
    color:#0c2f69;
    line-height: 50px;
}
#about .text .container .txt p{
    font-size: 18px;
    line-height: 30px;
}
#article{
    width: 100%;
    height: auto;
    margin: 100px auto;
}
#article .title{
    background: url("../images/line05.jpg") no-repeat bottom center;
    text-align: center;
    padding-bottom: 30px;
}
#article .title .typename{
    text-align: center;
    height: 120px;
}
#article .title .typename p{
    font-size: 26px;
}
#article .title .typename h2{
    font-size: 50px;
    font-weight: 500;
}
#article .title h1{
    font-size: 32px;
    color:#b9b9b9;
    font-weight: 500;
    margin: 50px auto 70px auto;
}
#article .title h1 span{
    font-size: 15px;
}
#article .title p{
    color:#adadad;
    line-height: 20px;
}
#article .body{
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}
#article .buttons{
    width: 1150px;
    height: 55px;
    border-top:1px solid #a2a2a2;
    line-height: 55px;
    padding: 0 25px;
    margin: 0 auto;
}
#article .buttons .prev{
    float: left;
    background: url("../images/icon_17.jpg") no-repeat left center;
    text-indent: 15px;
}
#article .buttons .next{
    float: right;
    background: url("../images/icon_18.jpg") no-repeat right center;
    padding-right: 15px;
}

.body-content table{border-left:1px solid #555;border-top:1px solid #555;}
.body-content table td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}



/* side */
#floatDivBoxs{width:160px;background:#fff;position:fixed;top:180px;right:0;z-index:99991;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#1174c8;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq p{ color:#000; font-weight:bold; padding-top:8px}
#floatDivBoxs .floatDqq li{height:40px;line-height:40px;font-size:0.875rem;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:0.875rem;color:#333;padding:10px 10px 3px 10px;}
#floatDivBoxs .floatDtel{padding:0 0 0px 10px; line-height:22px; font-size:1.125rem; font-weight:bold; color:#f50017;}
#floatDivBoxs .floatDtel p{ font-size:14px; color:#000;}
#floatDivBoxs .floatDtel img{display:block;}

.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.png) no-repeat;position:fixed;top:180px;right:0px;z-index:99999;}
#rightArrow a{display:block;height:45px;}
.smap{ display:none;}
@media screen and (max-width:768px){
	#floatDivBoxs,#rightArrow{ display:none;}
	.smap{ display:inline-block;}
}


.edge {
    font-family: "Microsoft Yahei";
    font-size: 16px;
    position: relative;
    line-height: 36px;
    padding: 62px 0 0;
}
.edge h2 {
    display: block;
    text-align: center;
    height: 182px;
}
.edge-ge{background:url(../images/ge01.png) no-repeat center 0;}
.edge1,.edge3{background: #f3f4f6;height: 577px;}
.edge3{height:493px;}
.edge_c1{padding: 69px 0 0;height: 508px;}
.edge_c3{padding: 31px 0 0;height: 462px;}
.edge2{padding: 67px 0 0;height: 372px;}
.edge4{padding: 46px 0 0;height: 417px;}
.edge_w{width: 522px;padding: 50px 20px 0 0;}
.edge_w1{padding-top: 94px;}
.edge_w2{padding-top: 11px;}
.edge_w3{padding-top: 91px;}
.edge_w h3{height: 140px;font-size: 30px;font-weight: normal;color: #2f3030;line-height: 40px;white-space: nowrap;}
.edge_w h3 em{height:68px;font-size:48px;color: #fff;line-height:68px;width: 76px;float: left;background: #265c95;border-top:solid 4px #ff9729;text-align: center;margin:0 20px 0 0;font-family: Arial;}
.edge_w h3 p{width: 420px;float: left;}
.edge_w h3 p b{display: block;font-size:40px;line-height: 40px;color:#265c95;}
.edge_w li{background:url(../images/ico03.png) no-repeat 6px 13px;padding: 0 0 0 29px;}
.fl { float:left;}
.fr { float:right;}

.edge .content{
	width:1200px;
	margin:0 auto;
}
.edge1 .content,.edge3 .content{background: #f3f4f6;}